<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="root">
        <div @click="handleClick">
            <!--差值表达式-->
            {{message}}
        </div>
        <item></item>
    </div>
    <script>
//        组件 vue实例
        Vue.component('item',{
            template:'<div>hello world</div>'
        })
        var vm=new Vue({//根实例,接管DOM
            el:'#root',
            data:{
                message:'hello world'
            },
            methods: {
                handleClick: function () {
                    alert('hello')
                }
            }
        })
    </script>
</body>
</html>